@import url(./reset.css);

html{
  background-color: #f0f0f0;
}
.el-avatar{
  flex-shrink: 0;
}
.common-card{
  border: none;
  background-color: rgb(255, 255, 255, 0.5);
  .el-card__header{
    border-bottom: none;
    h1{
      font-size: 24px;
    }
  }
  .el-card__footer{
    border-top: none;
    display: flex;
    justify-content: flex-end;
  }
}

.common-search{
  display: flex;
  justify-content: space-between;
}

.uploader{
  display:inline-block;
  margin-right: 15px;
  vertical-align: top;
  .el-upload {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border: 1px solid #DCDFE6;
    padding: 2px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    &:hover {
      border-color: #C0C4CC;
    }
    img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: 50% 50%;
    }
  }
}

.md-editor {
  border-radius: 4px;
  --md-border-color: #DCDFE6 !important;

  svg.md-editor-icon {
    padding: 2px;
  }
}